<script lang="ts" setup>
import { provide, reactive, toRefs } from "vue"
import Pane from "./components/index.vue"
import { AlgoTypeEnum } from "@/constants/other-keys"

const parent = reactive<{
  activeName: AlgoTypeEnum
}>({
  activeName: AlgoTypeEnum.RL
})
const { activeName } = toRefs(parent)
provide("parent", parent)
</script>
<template>
  <div class="app-container" shadow="never">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane :key="AlgoTypeEnum.RL" label="强化学习评估模型" :name="AlgoTypeEnum.RL">
        <Pane />
      </el-tab-pane>
      <el-tab-pane :key="AlgoTypeEnum.ML" label="传统机器学习评估模型" :name="AlgoTypeEnum.ML">
        <Pane />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
